.ion-tab-icon-base {  
    width: 25px;  
    height: 25px;  
    padding: 4px 4px 2px;  
  }  
    
  .ion-tab-icon-md-base {  
    min-width: 0 !important;  
    height: 25px;  
  }  
    
  $tabImageName: 'tab1' 'tab2';  
  @for $i from 1 to 3 {  
    // for ios  
    .ion-ios-tab-#{nth($tabImageName, $i)} {  
      @extend .ion-tab-icon-base;  
      content: url("../assets/pic/#{nth($tabImageName, $i)}_choosed.png");  
    }  
    .ion-ios-tab-#{nth($tabImageName, $i)}-outline {  
      @extend .ion-tab-icon-base;  
      content: url("../assets/pic/#{nth($tabImageName, $i)}.png");  
    }  
    
    // for android  
    .tabs-md .tab-button[aria-selected=true] {  
      .ion-md-tab-#{nth($tabImageName, $i)} {  
        @extend .ion-tab-icon-md-base;  
        content: url("../assets/pic/#{nth($tabImageName, $i)}_choosed.png");  
      }  
    }  
    .tabs-md .tab-button[aria-selected=false] {  
      .ion-md-tab-#{nth($tabImageName, $i)} {  
        @extend .ion-tab-icon-md-base;  
        content: url("../assets/pic/#{nth($tabImageName, $i)}.png");  
      }  
    }  
  }  
//编译后
//   .ion-ios-tab-tab1 {  
//     content: url("../assets/pic/tab1_choosed.png") !important;  
//   }  
    
//   .ion-ios-tab-tab1-outline {  
//     content: url("../assets/pic/tab1.png");  
//   }  

//   .ion-ios-tab-tab2 {  
//     content: url("../assets/pic/tab2_choosed.png");  
//   }  
    
//   .ion-ios-tab-tab2-outline {  
//     content: url("../assets/pic/tab2.png");  
//   }
    

//   .tabs-md .tab-button[aria-selected=true] .ion-md-tab-tab1 {  
//     content: url("../assets/pic/tab1_choosed.png");  
//   }  
    
//   .tabs-md .tab-button[aria-selected=false] .ion-md-tab-tab1 {  
//     content: url("../assets/pic/tab1.png");  
//   } 
//   .tabs-md .tab-button[aria-selected=true] .ion-md-tab-tab2 {  
//     content: url("../assets/pic/tab2_choosed.png");  
//   }  
    
//   .tabs-md .tab-button[aria-selected=false] .ion-md-tab-tab2 {  
//     content: url("../assets/pic/tab2.png");

//   }  